<template>
  <section class="error-area">
    <el-row class="error-area-wrapper">
      <el-col :span="24" class="error-area-top">
        <div class="error-area-top-inside">
          <h3>404</h3>
          <p>页面不存在或者已丢失</p>
          <div class="back-home" @click="handleBack">
            <el-button type="primary" round>返回首页</el-button>
          </div>
        </div>

      </el-col>
      <el-col :span="24" class="copyright-footer">
        <p>Copyright &copy; 2020.Company name All rights reserved.</p>
      </el-col>
    </el-row>
  </section>
</template>

<script>
export default {
  name: "Error",
  components: {},
  data() {
    return {
      value: '',
    };
  },

  methods: {
    // 回跳到首页
    handleBack() {
      this.$router.push({path: '/'})
    }
  }
}
</script>

<style lang="scss" scoped>
@import "assets/style";
</style>
